<template>
    <div>
         <h2>404</h2>
         <div>
            <div v-color:text="color">这是一个div</div>
            <button @click="changeColor">点击切换颜色</button>
         </div>
         <br>
         <br>
         <br>
         <br>
        <!-- 权限按钮 -->
         <div>
             <el-button type="primary" id="demo" v-authority:remove.superAdmin>超级管理员</el-button>
             <el-button type="primary" v-authority:remove.admin>管理员</el-button>
             <el-button type="primary" v-authority:remove>普通用户1</el-button>
             <el-button type="primary" v-authority:disabled>普通用户2</el-button>
         </div>
    </div>
</template>

<script>

    export default {
        name:"NotFound",
        data(){
            return {
                color:"red",
            }
        },
        methods:{
            changeColor(){
                var list = ["red","orange","yellow","green","dyan","blue"];
                var index = Math.floor(Math.random()*list.length);
                this.color = list[index];
                console.log( this.color);
            }
        }

    }
</script>

<style lang="scss" scoped>

</style>